<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,minimal-ui" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="apple-mobile-web-app-title" content="天天来收租">
		<meta name="format-detection" content="telphone=no, email=no" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="HandheldFriendly" content="true">
		<meta name="MobileOptimized" content="320">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<meta name="screen-orientation" content="portrait">
		<meta name="browsermode" content="application">
		<meta name="full-screen" content="yes">
		<meta name="x5-orientation" content="portrait">
		<meta name="x5-fullscreen" content="true">
		<meta name="x5-page-mode" content="app">
		<title>我的背包</title>
		<link rel="stylesheet" type="text/css" href="../css/public.css" />
		<link rel="stylesheet" type="text/css" href="../css/bag.css" />
	</head>
	<body>
		<div class="zone">
			<div class="nav-bar" id="nav-bar"></div>
			<div class="main">
				<div id="tab-team" class="team tab-box">
					<div class="tab-option">
						<li class="option-furniture option-active" id="option-furniture">家具</li>
						<li class="option-prop" id="option-prop">道具</li>
						<li class="option-talent" id="option-talent">人才</li>
						<li class="option-totem" id="option-totem">图腾</li>
					</div>
					<div class="tab-content">
						<!-- 家具 -->
						<div class="content content-furniture content-show">
							<div class="list" id="list-furniture">
								<!-- <div class="item itemred">
									<img class="itemimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/jiaju.png" alt="">
									<span>51</span>
								</div>
								<div class="item itemgreen">
									<img class="itemimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/jiaju.png" alt="">
									<span>51</span>
								</div>
								<div class="item itemblue">
									<img class="itemimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/jiaju.png" alt="">
									<span>51</span>
								</div>
								<div class="item itempurple">
									<img class="itemimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/jiaju.png" alt="">
									<span>51</span>
								</div>
								<div class="item itemorange">
									<img class="itemimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/jiaju.png" alt="">
									<span>51</span>
								</div> -->
							</div>
						</div>
						<!-- 道具 -->
						<div class="content content-prop">
							<div class="list" id="list-prop">
								<!-- <div class="item itemred">
									<img class="itemimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/kuangshi.png" alt="">
									<span>51</span>
									<img class="itemimg2" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/suipian.png" alt="">
								</div>
								<div class="item itemgreen">
									<img class="itemimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/kuangshi.png" alt="">
									<span>51</span>
									<img class="itemimg2" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/suipian.png" alt="">
								</div>
								<div class="item itemblue">
									<img class="itemimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/kuangshi.png" alt="">
									<span>51</span>
									<img class="itemimg2" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/suipian.png" alt="">
								</div>
								<div class="item itempurple">
									<img class="itemimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/kuangshi.png" alt="">
									<span>51</span>
								</div>
								<div class="item itemorange">
									<img class="itemimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/kuangshi.png" alt="">
									<span>51</span>
								</div> -->
							</div>
						</div>
						<!-- 人才 -->
						<div class="content content-talent">
							<div class="list" id="list-talent">
								<!-- <div class="item itemred">
									<img class="itemimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/renwu.png" alt="">
									<span>51</span>
									<img class="itemimg2" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/suipian.png" alt="">
								</div>
								<div class="item itemgreen">
									<img class="itemimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/renwu.png" alt="">
									<span>51</span>
									<img class="itemimg2" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/suipian.png" alt="">
								</div>
								<div class="item itemblue">
									<img class="itemimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/renwu.png" alt="">
									<span>51</span>
									<img class="itemimg2" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/suipian.png" alt="">
								</div>
								<div class="item itempurple">
									<img class="itemimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/renwu.png" alt="">
									<span>51</span>
								</div>
								<div class="item itemorange">
									<img class="itemimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/renwu.png" alt="">
									<span>51</span>
								</div> -->
							</div>
						</div>
						<!-- 图腾 -->
						<div class="content content-totem">
							<div class="list" id="list-totem">
								
								<!-- <div class="item itemred">
									<img class="itemimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/jinchan.png" alt="">
									<span>51</span>
									<img class="itemimg2" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/suipian.png" alt="">
								</div>
								<div class="item itemgreen">
									<img class="itemimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/jinchan.png" alt="">
									<span>51</span>
									<img class="itemimg2" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/suipian.png" alt="">
								</div>
								<div class="item itemblue">
									<img class="itemimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/jinchan.png" alt="">
									<span>51</span>
									<img class="itemimg2" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/suipian.png" alt="">
								</div>
								<div class="item itempurple">
									<img class="itemimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/jinchan.png" alt="">
									<span>51</span>
								</div>
								<div class="item itemorange">
									<img class="itemimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/jinchan.png" alt="">
									<span>51</span>
								</div> -->
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 获取途径 -->
			<div class="modal modal-road" id="modal-road">
				<div class="modal-mask"></div>
				<div class="modal-body">
					<div class="mask-tit">
						<img class="modalbj1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/kaung1.png">
						<span>详情</span>
					</div>
					<img class="modal-close" id="close-road" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/close.png" />
					<div class="modal-content">
						<div class="modal-contentIn">
							<div class="buffList" id="buffList">
								<div class="buffTop">
									<div class="thingimg">
										<img src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/jiaju.png" alt="">
									</div>
									<div class="thingroad">
										<div class="titiler">
											<p>-</p>
											<span>类型：-</span>
										</div>
										<p class="remark">-</p>
									</div>
								</div>
								<div class="tujing">
									<p>获得途径:</p>
									<div class="ipt-box">
										<span>幸运房东</span>
										<button>前往</button>
									</div>
									<div class="ipt-box">
										<span>探索矿场</span>
										<button>前往</button>
									</div>
								</div>
							</div>
						</div>
						<div class="modalbtn" id="modalbtn">
							<button class="madbtn1">拆分</button>
							
							<button class="madbtn2">使用</button>
						</div>
					</div>
				</div>
			</div>
			<!-- 家具碎片合成 -->
			<div class="modal modal-synthesis" id="modal-synthesis">
				<div class="modal-mask"></div>
				<div class="modal-body">
					<div class="mask-tit">
						<img class="modalbj1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/kaung1.png">
						<span>家具碎片合成</span>
					</div>
					<img class="modal-close" id="close-synthesis" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/close.png" />
					<div class="modal-content">
						<div class="modal-contentIn">
							<div class="" id="yibox">
								<div class="yiji">
									<div class="yileft">
										<div class="leftin">
											<img class="yijiimg" src="http://img.qxgs.cc/tiantianlaishouzu/img/jianzu/c.png" alt="">
											<img class="suipian" src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/suipian.png" alt="">
										</div>
										<div class="leftIn1">
											<p>一级电视机</p>
											<span>豪华值：+10</span>
										</div>
									</div>
									<div class="btnhc">
										<button>15/5合成</button>
									</div>
								</div>
							</div>
						</div>
						<p class="nowhave" id="nowhave">当前拥有碎片数量：-</p>
					</div>
				</div>
			</div>
			<!-- 拆分确认 -->
			<div class="modal modal-split" id="modal-split">
				<div class="modal-mask"></div>
				<div class="modal-body">
					<div class="mask-tit">
						<img class="modalbj1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/kaung1.png">
						<span>拆分确认</span>
					</div>
					<img class="modal-close" id="close-split" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/close.png" />
					<div class="modal-content">
						<div class="modal-contentIn">
							<p class="queding" id="queding">--</p>
							<div class="btnhc btnhc2">
								<button id="chaiConfirm">确认拆分</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/nav-bar.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/tab-bar.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bag.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>